<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <title>喵嗒</title>
    <link rel="stylesheet" href="../layui/css/layui.css"/>
    <link rel="stylesheet" href="../css/admin.css"/>
</head>
<style>
  .layui-form{
  width: 320px;
  height: 184px;
  margin:0 auto;
  }
  .add-name th{
    width:100px;
    height:40px;
    margin-left:10px;
    font-size:14px;
  }
  .add-name input{
    outline:none;
    width: 243px;
    height: 28px;
    border:1px solid #E5BA70;
    border-radius:5px;
  }
  .layui-form .layui-table{
    margin-top:50px;
    margin:0 auto;
  }
 .layui-input-block  span{
  margin-left:20px;
  font-size: 14px;
}
.layui-input-block th{
   font-size: 14px;
}
#btn-c,#btn-s{
  width: 114px;
  height: 28px;
  border-radius:5px;
  background-color: #D8D8D8;
  border:0;
  margin-top:10px;
}
#btn-c{
   margin-left:70px;
}
#btn-s:hover,#btn-c:hover{
 background-color:#EF7632;
}
#btn-s{
    margin-left:15px;
}
.layui-layer .layui-layer-title{
  background-color: #fff;
}
</style>
<body>
     <form class="layui-form" action="">
          <table class="layui-table layui-table-add" lay-skin="nob">
          <tbody>
            <tr class="add-name">
              <th>用户名称</th>
              <td><input type="text" value="" onfocus="this.style.color='#ddd';
       this.value='';"  onblur="this.style.color='#ddd';  this.value=''"  style="color:#bbb;"/></td>

            </tr>
            <tr class="add-name">
              <th>联系电话</th>
              <td><input type="text"  value=""  onfocus="this.style.color='#ddd';   this.value='';"  onblur="this.style.color='#ddd';  this.value=''"  style="color:#bbb;"/></td>
            </tr>

             <tr class="add-name">
              <th >绑定账号</th>
              <td><input type="text" value="" onfocus="this.style.color='#ddd';
       this.value='';"  onblur="this.style.color='#ddd';  this.value=''"  style="color:#bbb;"/></td>
            </tr>
          <tr class="layui-input-block">
              <th>角&emsp;色</th>
              <td><span>业主</span><input type="radio" name="role" value="most" title="">
            <span>租客</span><input type="radio" name="role" value="renter" title="" checked>
            </td></tr>
          </tbody>

        </table>
          <button id="btn-c">取消</button>
          <button id="btn-s">保存</button>
      </form>
  <script type="text/javascript" src="../layui/layui.js"></script>
  <script>
    /*layui.use(['jquery','form','upload','layer'], function(){
      var $ = layui.jquery,layer = layui.layer;
      layui.upload({
        url: '上传接口url'
        ,success: function(res){
          console.log(res); //上传成功返回值，必须为json格式
        }
      });


    });*/
  </script>
</body>
</html>
